<template>
  <div class="list" ref="wrapper">
    <div>
      <home-header></home-header>
      <home-swiper></home-swiper>
      <home-icons></home-icons>
      <home-recommend></home-recommend>
      <home-weekend></home-weekend>
      <footer>
        <!-- <foot-bar></foot-bar> -->
      </footer>
    </div>
  </div>
</template>

<script>
import HomeHeader from "../components/Header";
import HomeSwiper from "../components/Swiper";
import HomeIcons from "../components/Icons";
import HomeRecommend from "../components/Recommend";
import HomeWeekend from "../components/Weekend";
import FootBar from "../components/first/FootBar";
import axios from "axios";
import Bscroll from "better-scroll";
export default {
  name: "home",
  components: {
    HomeHeader,
    HomeSwiper,
    HomeIcons,
    HomeRecommend,
    HomeWeekend,
    FootBar
  },
  mounted() {
    this.getHomeInfo();
    this.scroll = new Bscroll(this.$refs.wrapper);
  },
  methods: {
    getHomeInfo: function() {
      axios.get("/api/index.json").then(this.getHomeInfoSucc);
    },
    getHomeInfoSucc(res) {
      // console.log(res);
    }
  }
};
</script>
<style lang="stylus" scoped>
.list {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
</style>